<div class="main-box">
  <div class="title">
    <div class="title-tag"></div>
    <h1>{{tagData?.data?.title}}</h1>
  </div>
  <div class="search-box">
    <ion-toolbar style="--background:#fff">
      <form action="javascript: return true;">
        <ion-searchbar #searchBar (keypress)="press($event)" inputmode="" class="search-bar"
          placeholder={{tagData?.data?.placeholder}} autocomplete="off"
          onInput="if(value.length>20)value=value.slice(0,20)" (ionBlur)="ionBlur()" [(ngModel)]="keyword" mode="ios"
          (ionFocus)="focusInput()" (ionChange)="searchChange()" [ngModelOptions]="{standalone: true}"> </ion-searchbar>
      </form>
      <ion-buttons style="text-align: right;" class="search-btn" slot="end" appDebounceClick (debounceClick)="search()"
        [ngStyle]="{'color': searchBtnColor}">
        {{tagData?.data?.buttnLabel}}
      </ion-buttons>
    </ion-toolbar>
  </div>
</div>